<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>buyt120</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/animate.min.css">
    <link rel="stylesheet" href="../css/main.css?v=1">
</head>
<body>
    <ul class="nav-list">
        <li class="on">
            <span>周一<var></var></span>
            <span class="col">已售罄</span>
            <em></em>
        </li>
        <li>
            <span>周二<var></var></span>
            <span>11月11日</span>
            <em></em>
        </li>
        <li>
            <span>周三<var></var></span>
            <span>11月12日</span>
            <em></em>
        </li>
        <li>
            <span>周四<var></var></span>
            <span>11月13日</span>
            <em></em>
        </li>
        <li>
            <span>周五<var></var></span>
            <span>11月14日</span>
            <em></em>
        </li>

    </ul>

    <!-- 搜索框 -->
    <input type="hidden" value="" id="regionId" >
    <div class="search-wp">
        <div>三里屯SOHO写字楼</div>
        <span></span>
    </div>

    <!-- 提示框 -->
    <div class="tips-wp" id="selling">
        <h2 class="tips-tit">据今日订餐结束</h2>
        <div class="tips-timer">
            <span></span><em>:</em>
            <span></span><em>:</em>
            <span></span>
        </div>
        <div class="tips-go">
            <div class="tips-gowp">
                <span>提前预定周二餐品享优惠</span><em></em>
            </div>
        </div>
    </div>

    <!-- 售罄提示框 -->
    <div class="tips-wp" id="sellout">
        <h2 class="tips-all">当日已全部售罄</h2>
        <div class="tips-go tips-all-qing">
            <div class="tips-gowp">
                <span>提前预定周二餐品享优惠</span><em></em>
            </div>
        </div>
    </div>

    <!--今日已定--->
    <div class="yiding-wp">
        <em></em><span>今日已定</span>
        <ul>
            <li>熊菓冰淇淋蛋糕x1</li>
            <li>熊菓冰淇淋蛋糕x1</li>
        </ul>
    </div>

    <!-- 菜品列表 -->
    <ul class="cai-list">

        <li>
            <div class="img-wp"><img src="../images/cai.jpg" /></div>
            <div class="act-wp">
                <p>香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </div>
            <div class="jia-con">
                <div class="ml">
                    <h4 class="package-tit">套餐包括:</h4>
                    <p class="package-cont">香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
                </div>
                <div class="jia-r">
                    <p><span>菜品原价:</span><em class="line">35元</em></p>
                    <p><span>抢&nbsp;&nbsp;购&nbsp;&nbsp;价:</span><em class="hot">25</em>元</p>
                </div>
            </div>
            <p class="bar-tit">越早下单越优惠</p>
            <div class="bar-tiao">
                <div class="clearfix">
                    <div class="vont" style="width:20%"><p>立减3元</p></div>
                    <p class="onk">还有280份</p>
                </div>
            </div>
            <div class="kuai">
                <img src="../images/kuai.png" >
                <p>快出餐慢享用</p>
            </div>
        </li>

        <!-- 售罄样式 -->
        <li class="qing">
            <div class="img-wp"><img src="../images/cai.jpg" class="gray" /><span class="btn">售罄</span></div>
            <div class="act-wp">
                <p>香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </div>
            <div class="jia-con">
                <div class="ml">
                    <h4 class="package-tit">套餐包括:</h4>
                    <p class="package-cont">香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
                </div>
                <div class="jia-r">
                    <p><span>菜品原价:</span><em class="line">35元</em></p>
                    <p><span>抢&nbsp;&nbsp;购&nbsp;&nbsp;价:</span><em class="hot">25</em>元</p>
                </div>
            </div>
            <p class="bar-tit">明个早点儿来吧</p>
            <div class="bar-tiao">
                <div class="clearfix">
                    <div class="vont" style="width:100%"><p>0%</p></div>
                </div>
            </div>
            <div class="kuai">
                <img src="../images/kuai.png" class="gray" >
                <p>快出餐慢享用</p>
            </div>
        </li>
        <li>
            <div class="img-wp"><img src="../images/cai.jpg" /></div>
            <div class="act-wp">
                <p>香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </div>
            <div class="jia-con">
                <div class="ml">
                    <h4 class="package-tit">套餐包括:</h4>
                    <p class="package-cont">香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
                </div>
                <div class="jia-r">
                    <p><span>菜品原价:</span><em class="line">35元</em></p>
                    <p><span>抢&nbsp;&nbsp;购&nbsp;&nbsp;价:</span><em class="hot">25</em>元</p>
                </div>
            </div>
            <p class="bar-tit">越早下单越优惠</p>
            <div class="bar-tiao">
                <div class="clearfix">
                    <div class="vont" style="width:20%"><p>立减3元</p></div>
                    <p class="onk">还有280份</p>
                </div>
            </div>
            <div class="kuai">
                <img src="../images/kuai.png" >
                <p>快出餐慢享用</p>
            </div>
        </li>
    </ul>

    <!-- 购物车 -->
    <div class="car"></div>

    <!-- 购物车内容 -->
    <div class="car-wp">
        <h2>购物车<span class="close"></span></h2>
        <dl class="car-list"><!--
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dt><span></span>周二 11月11日</dt>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>
            <dd>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <div class="add-cont">
                    <span></span>
                    <em>13</em>
                    <span></span>
                </div>
            </dd>-->
        </dl>
        <div class="car-btns">去结算</div>
    </div>

    <!-- 购物车弹框 -->
    <div class="car-bg"></div>

    <!-- 引导弹框 -->
    <div class="ydbg">
        <p class="yd2-txt">戳这里更换地址</p>
        <span class="yd2"></span>

        <div class="search-wp">
            <div>三里屯SOHO写字楼</div>
            <span></span>
        </div>
        <p class="yd3-txt">提前预定有优惠</p>
        <span class="yd3"></span>
        <div class="tips-go">
            <div class="tips-gowp">
                <span>提前预定周二餐品享优惠</span><em></em>
            </div>
        </div>
    </div>
    <!--隐藏地址部分-->
    <div class="ahide animated">
        <div class="ahide-c">

            <div class="ahide-title clearfix bg-b">
                <p class="tit-l l"><img src="../images/icob.png"/><input id="building" type="text" value="" placeholder="请选择楼宇" /></p>
                <p class="tit-r r"><img src="../images/ico8-1.png"/><span class="ai">|</span><span class="quxiao">取消</span></p>
            </div>
            <p class="aprompt">附近支持配送的楼宇</p>
            <ul class="ahide-wrap">
                <li class="bg"><p>国家软件大厦</p></li>
                <li><p>国家软件大厦1</p></li>
                <li><p>国家软件大厦2</p></li>
                <li><p>国家软件大厦3</p></li>
                <li><p>国家软件大厦4</p></li>
                <li><p>国家软件大厦5</p></li>
                <li><p>国家软件大厦6</p></li>
                <li><p>国家软件大厦7</p></li>
                <li><p>国家软件大厦1</p></li>
                <li><p>国家软件大厦2</p></li>
                <li><p>国家软件大厦3</p></li>
                <li><p>国家软件大厦4</p></li>
                <li><p>国家软件大厦5</p></li>
                <li><p>国家软件大厦6</p></li>
                <li><p>国家软件大厦7</p></li>
                <li><p>国家软件大厦1</p></li>
                <li><p>国家软件大厦2</p></li>
                <li><p>国家软件大厦3</p></li>
                <li><p>国家软件大厦4</p></li>
                <li><p>国家软件大厦5</p></li>
                <li><p>国家软件大厦6</p></li>
                <li><p>国家软件大厦7</p></li>
            </ul>
        </div>
    </div>
    <!-- 评论弹框 -->
<!--    <div class="ping" style="display:none;">
        <div class="ping-wp">
            <div class="ping-tit clearfix"><span></span></div>
            <img src="../images/kt.png" class="kt" alt="" />
            <h2 class="ping-wt">香菇滑鸡煲老鸭炖盅套餐文字标题最多两行香菇行香菇滑鸡煲老鸭炖盅套餐文字标题最多两行</h2>
            <div class="ping-xin"><span></span><span></span><span></span><span></span><span></span></div>

            &lt;!&ndash; 存储红心个数的隐藏input &ndash;&gt;
            <input type="hidden" value="0" id="xin" />

            <div class="ping-wark"><textarea placeholder="菜品口味如何？"></textarea></div>
            <div class="ping-btns">
                <input type="submit" value="提交" class="btn" />
            </div>
            &lt;!&ndash; 吓一跳评论 &ndash;&gt;
            <div class="next-ping">
                <span class="tit">点评下一道：</span>
                <p>香菇滑鸡煲老鸭炖盅套餐</p>
                <em class="tu"></em>
            </div>
        </div>
    </div>-->

<!--  详细菜品弹框  -->
<div class="caix">
    <div class="cai-detail">
        <em class="cai-detail-close">×</em>
        <div class="img-wp wp34"><img src="../images/cai.jpg" /></div>
        <h3 class="cai-d-tit">香菇滑鸡煲老鸭炖盅套餐</h3>
        <div class="cai-biao">
            <span>套餐包括:</span>
            <p>香菇滑鸡煲仔+小菜心+老鸭炖盅</p>
        </div>

        <h2 class="cai-gu">菜品故事</h2>
        <h3 class="can-det">餐厅详情</h3>
        <!--<p class="can-list"><span class="mian"></span>BuyTime厨房(西二旗店) </p>
        <p class="can-list"><span class="phone"></span>010-82791111</p>-->
        <!-- 编辑内容 -->
        <div class="can-edit">
            商户厨房介绍文字
            厨房文化是现代厨房的一个产物，厨房作为家居饮食区域，由功能
            配套型发展为生活家居的一部分。
            <img src="../images/cai.jpg" />
        </div>
    </div>
</div>

<!-- 结算弹框 开始  -->
<div class="jiesuan-wp">
    <em class="jiesuan-close">×</em>
    <ul class="pay-list">
        <li>
            <div class="pay-wp">
                <h3 class="tit">联系人</h3>
                <div class="info">
                    <input id="orderName" type="text" value="" placeholder="您的收餐姓名" /><em></em>
                </div>
            </div>
            <div class="pay-wp">
                <h3 class="tit">联系方式</h3>
                <div class="info">
                    <input id="orderPhone" type="text" value="" placeholder="您的收餐电话" /><em></em>
                </div>
            </div>
            <div class="pay-wp">
                <h3 class="tit">送餐时间</h3>
                <div class="info">
                    <span id="orderTime">12:00-12:20</span>
                </div>
            </div>
            <div class="pay-wp">
                <h3 class="tit">送餐楼宇</h3>
                <div class="info">
                    <!--<input id="orderReginName" type="text" value="" placeholder="您的收餐楼宇" /><em></em>-->
                    <span id="orderReginName"></span>
                </div>
            </div>
            <div class="pay-wp">
                <h3 class="tit">详细地址</h3>
                <div class="info">
                    <input id="orderAddress" type="text" value="" placeholder="您的收餐地址" /><em></em>
                </div>
            </div>

        </li>
        <li>
            <div class="pay-quan">
                <h3 class="tit">使用礼券</h3>
                <span>不使用礼券</span>
            </div>
        </li>
        <li id="orderGoods">
            <div class="pay-cont-wp">
                <h3 class="tit">周一</h3>
                <dl class="list">
                    <dd>
                        <p>香菇滑鸡煲老鸭炖盅套餐</p>
                        <span>x100</span>
                    </dd>
                    <dd>
                        <p>香菇滑鸡煲老鸭炖盅套餐</p>
                        <span>x100</span>
                    </dd>
                </dl>
                <span class="pase">88元</span>
            </div>
            <div class="pay-cont-wp">
                <h3 class="tit">周二</h3>
                <dl class="list">
                    <dd>
                        <p>香菇滑鸡煲老鸭炖盅套餐</p>
                        <span>x100</span>
                    </dd>
                </dl>
                <span class="pase">88元</span>
            </div>
        </li>
        <li>
            <div class="pay-wp">
                <h3 class="tit">餐品合计</h3>
                <div class="info">
                    <span id="orderTotal">156元</span>
                </div>
            </div>
            <div class="pay-wp">
                <h3 class="tit">提前下单优惠</h3>
                <div class="info">
                    <span id="orderDiscount">-12元</span>
                </div>
            </div>
            <div class="pay-wp">
                <h3 class="tit z">总计</h3>
                <div class="info">
                    <span class="z" id="orderAmount">200 元</span>
                </div>
            </div>
        </li>


        <li class="yu">
            <div class="pay-cont-wp">
                <span class="zhi-z"></span>
                <p class="xin">微信支付</p>
                <em class="zed on"></em>
            </div>
        </li>
    </ul>

    <div class="zhi-btn">立即下单</div>
</div>
<!-- 结算弹框 结束  -->



</body>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/home.js"></script>
</html>